<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>

</head>

<body>
    <div>
        <input type="file" id="files1" style="display: none" onchange="fileImport(1);">
        <input type="button" id="fileImport1" value="导入问题">

        <input type="file" id="files2" style="display: none" onchange="fileImport(2);">
        <input type="button" id="fileImport2" value="导入答案">

        <button id="btn">生成答案</button>
        
    </div>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <!-- <script src="../js/jQuery/jquery-1.11.1.js"></script> -->
    <script>
        //点击导入按钮,使files触发点击事件,然后完成读取文件的操作
        $("#fileImport1").click(function() {
            $("#files1").click();
        })

        $("#fileImport2").click(function() {
            $("#files2").click();
        })
        var questionList;
        var answerList;
        var exportList=[];
        $("#btn").click(function() {
            console.log(111)
            console.log(questionList)
            console.log(answerList)
            var answer=['A','B','C','D']
            answerList.forEach((item,index)=>{
                var a={
                    "题号":index+1,
                    "question":null,
                    "answer":null
                }
                var question= questionList.filter(ques=>ques.title==item.qustTitle)[0]
                console.log(question)
                a.question=question.title
                a.answer=answer[question.optList.findIndex(opt=>opt.qustOptionId==item.answer)]
                exportList.push(a)
            })
            console.log(exportList)
        })

        

        function fileImport(id) {
            //获取读取我文件的File对象
            var selectedFile = document.getElementById('files'+id).files[0];
            var name = selectedFile.name; //读取选中文件的文件名
            var size = selectedFile.size; //读取选中文件的大小
            console.log("文件名:" + name + "大小:" + size);
            var reader = new FileReader(); //这是核心,读取操作就是由它完成.
            reader.readAsText(selectedFile); //读取文件的内容,也可以读取文件的URL
            reader.onload = function() {
                //当读取完成后回调这个函数,然后此时文件的内容存储到了result中,直接操作即可
                // console.log(this.result);
                // console.log(JSON.parse(this.result));
                if (id==1) {
                    questionList=JSON.parse(this.result).data.questionList;
                }else{
                    answerList=JSON.parse(this.result).data.resultList;
                }
            }
        }
    </script>
</body>

</html>